<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="d_f fdcolumn">
    <main class="prv flex">
        <video src="#" id="videoBox" muted></video>
        <div class="changePage pabs">
            <span id="current">3</span><span>/</span><span id="total">8</span>
            <p class="f16" id="title">标题和当节</p>
        </div>
    </main>

    <footer class="d_f  jssbetween prv">
        <span class="iconfont icon-pre" id="prevPage"></span>
        <span class="iconfont icon-stop" id="stop"></span>
        <span class="iconfont icon-next" id="nextPage"></span>
        <div id="progess" class="pabs" style="width: 0;"></div>
    </footer>

    <!-- 蒙版层 -->
    <div id="mask" class="pabs mask d_f jssaround">
        <div id="conTrain" class="d_f fdcolumn">
            <span class="icon-play iconfont mb10"></span>
            <span>继续训练</span>
        </div>
        <div id="endBtn"  class="d_f fdcolumn">
            <span class="icon-over iconfont mb10"></span>
            <span>结束训练</span>
        </div>
    </div>
</body>

</html>